var commonInit = {
  scroll: function() {
    var defaultFun = function(colorChanging) {
      $(window).scroll(function() {
        var sl = -Math.max(
          document.body.scrollLeft,
          document.documentElement.scrollLeft
        )
        $('.navContainer').css('left', sl ? sl + 'px' : '')
        if (!colorChanging) return
        $(this).scrollTop() > 50
          ? $('.rightBottomMenu').css('opacity', '1')
          : $('.rightBottomMenu').css('opacity', '0')
        $(this).scrollTop() > 0
          ? $('.navContainer').css('background', '#1b1b1b')
          : $('.navContainer').css('background', 'transparent')
      })
    }
    var name = $('.navContainer').attr('id')
    switch (name) {
      case 'black':
        $('.navContainer')
          .find('.button')
          .css('display', 'flex')
        $('.navContainer')
          .find('.input')
          .css('display', 'none')
        defaultFun()
        $('.navContainer').css('background', '#1b1b1b')
        break
      case 'input':
        $('.navContainer')
          .find('.input')
          .css('display', 'flex')
        $('.navContainer')
          .find('.input input')
          .focus(function() {
            $('.navContainer')
              .find('.input')
              .css('width', '268px')
          })
        $('.navContainer')
          .find('.input input')
          .blur(function() {
            $('.navContainer')
              .find('.input')
              .css('width', '128px')
          })
        $('.navContainer')
          .find('.button')
          .css('display', 'none')
        defaultFun(false)
        $('.navContainer').css('background', '#1b1b1b')
        break
      default:
        $(window).scrollTop() > 0
          ? $('.navContainer').css('background', '#1b1b1b')
          : $('.navContainer').css('background', 'transparent')
        defaultFun(true)
        break
    }
  },
  ellipsis: function() {
    $(function() {
      $('.ellipsis').each(function(i) {
        $('span', $(this)).css('word-break', 'break-all')
        var divH = $(this).height()
        var divW = $(this).width()
        var $span = $('span', $(this)).eq(0)
        while ($span.outerHeight() > divH) {
          $span.text(
            $span.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, '...')
          )
        }
        // if ($span.outerHeight() > divH) {
        //   for (var i = 0; i < 8; i++) {
        //     $span.text(
        //       $span.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, '...')
        //     )
        //   }
        // }
      })
    })
  },
  goTop: function() {
    $('.goTop').click(function() {
      $('html,body').animate(
        {
          scrollTop: 0
        },
        222
      )
    })
  },
  showCodeDialog: function() {
    $('.showCodeDialog').hover(function() {
      // $('.rightBottomMenu .top').css('display', 'block')
      // $('.rightBottomMenu .top').css('opacity', 1)
      $('.codeDialog').css('opacity', 1)
      $('.codeDialog').css('width', '220px')
    })
    $('.rightBottomMenu').mouseleave(function() {
      // $('.rightBottomMenu .top').css('opacity', 0)
      // $('.rightBottomMenu .top').css('display', 'none')
      $('.codeDialog').css('opacity', 0)
      $('.codeDialog').css('width', 0)
    })
  },
  showVideo: function () {
    if (!$('.rightBottomMenu')) return
    $('.rightBottomMenu .top').click(function () {
        $('.videoContainer').show()
    })
    $('.videoContainer .mark video').click(function (e) {
        e.stopPropagation()
        $(this).click()
    })

    $('.videoContainer .mark').click(function () {
        $('.videoContainer').fadeOut()
    })
    if (!$('.fengexianImg')) return
    $('.fengexianImg').click(function () {
        $('.videoContainer').show()
    })
  }
}

$(document).ready(function() {
  for (var i in commonInit) {
    commonInit[i]()
  }
  var speed = 80
  var slide = document.getElementById('slide')
  if (!slide) return
  var slide2 = document.getElementById('slide2')
  var slide1 = document.getElementById('slide1')
  slide2.innerHTML = slide1.innerHTML
  function Marquee() {
    if (slide2.offsetTop - slide.scrollTop <= 0) {
      slide.scrollTop -= slide1.offsetHeight + 16
    } else {
      slide.scrollTop += 1
    }
  }
  var MyMar = setInterval(Marquee, speed)
  slide.onmouseover = function() {
    clearInterval(MyMar)
  }
  slide.onmouseout = function() {
    MyMar = setInterval(Marquee, speed)
  }
})
